<template>
  <v-card class="mx-auto" outlined>
    <v-row no-gutters class="pa-4 pb-0" justify="space-between">
      <v-col cols="auto" class="pt-2">
        <v-avatar size="45">
          <img
            src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4075663167,1198688310&fm=26&gp=0.jpg"
          />
        </v-avatar>
      </v-col>
      <v-col class="py-0">
        <v-col>
          SilvaQ {{isThumb ? "赞":"评论"}}了你的 <span class="banzhuan--text">沸点</span>
        </v-col>
        <v-row class="pt-2 pl-6">
          <v-col class="grey lighten-5" xl="10" lg="10" md="10" sm="10">
            我们几个月前同样的情况。用的是微软服务器自己搭建的数据库。
            所有信息除了微软和我没人知道。 微软最后不承认自己有问题
            说是我们的问题。 请问你这个是怎么产生的？
          </v-col>
          <v-col cols="auto">
              <v-img
                lazy-src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4075663167,1198688310&fm=26&gp=0.jpg"
                max-height="65"
                max-width="65"
                src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4075663167,1198688310&fm=26&gp=0.jpg"
              ></v-img>
          </v-col>
        </v-row>

        <v-col class="pt-4 grey--text text-darken-1"> 10天前 </v-col>
      </v-col>
    </v-row>
  </v-card>
</template>

<script>
export default {
    props: {
    isThumb: {
      type: Boolean,
      default: false
    }
  },
}
</script>

<style scoped>

</style>